import React, {Component} from 'react';
import cssModule from "./InfoCard.module.less"
import testimg from '../../../assets/img/001.jpg'

import PropTypes from 'prop-types'  // 组件传参用的参数校验

class InfoCard extends Component {
    static propTypes = {
        UserInfo: PropTypes.any.isRequired // 实际是对象
    }
    render() {
        let {UserInfo} = this.props

        return (
            <div className={`${cssModule.box}`}>
                {/*信息1*/}
                <div className={`flex just-spa-bet`}>
                    <section>
                        <h3 className='font-wei600 fo-white fo-24'>{UserInfo.NickName}</h3>
                        <div className='fo-white mt10'>更新时间2021.1.29</div>
                    </section>
                    <section>
                        <div className="relative">
                            <img className={cssModule.avatar} src={UserInfo.Avatar || testimg}></img>
                            <span className={`horizontal-center ${cssModule.avatarTip}`}>学生</span>
                        </div>
                    </section>
                </div>
                {/*信息2*/}
                <div className="flex ali-cen just-spa-aro mt20">
                    <section className='flex flex-col ali-cen'>
                        <span className="mb6  fo-white fo-16">242</span>
                        <span className='fo-11 fo-white'>沟通过</span>
                    </section>
                    <section className='flex flex-col ali-cen'>
                        <span className="mb6  fo-white fo-16">242</span>
                        <span className='fo-11 fo-white'>面试</span>
                    </section>
                    <section className='flex flex-col ali-cen'>
                        <span className="mb6  fo-white fo-16">242</span>
                        <span className='fo-11 fo-white'>已投简历</span>
                    </section>
                    <section className='flex flex-col ali-cen'>
                        <span className="mb6  fo-white fo-16">242</span>
                        <span className='fo-11 fo-white'>收藏</span>
                    </section>
                </div>
            </div>
        );
    }
}

export default InfoCard;